<div class="container" id="register">
    <div class="row reg-content fadeInUp">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="form-group hd-title">
                        <span>Registered</span><span>/</span>注册
                    </div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-2">
                            <div ng-if="RegisterPage == 0">
                                <button type="button" class="btn btn-primary" ng-click="RegisterType(0)">学校注册</button>
                                <button type="button" class="btn btn-success" ng-click="RegisterType(1)">开发者注册</button>
                            </div>
                            <div ng-if="RegisterPage == 1">
                                <form class="form-horizontal reg-box" method="post" name="SchoolForm" novalidate="novalidate" ng-if="!RegisterForm" ng-submit="submitSchoolForm(School)" >
                                <div class="form-group has-feedback" ng-class="{'has-success':SchoolForm.SchoolName.$valid,'has-error':SchoolForm.SchoolName.$invalid&&SchoolForm.SchoolName.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>学校名称:</label>
                                    <div class="col-md-6">
                                        <input class="form-control" id="SchoolName" name="SchoolName" type="text" required placeholder="请输入学校名称"  ng-model='School.name'/>
                                        <!--id="inputSuccess2" aria-describedby="inputSuccess2Status"-->
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':SchoolForm.SchoolName.$valid,'glyphicon-remove':SchoolForm.SchoolName.$invalid&&SchoolForm.SchoolName.$dirty}" ></span>
                                    </div>
                                    <!--<div class="col-md-4"><span id="inputSuccess2Status" >({{SchoolForm.SchoolName.$valid}})</span></div>-->
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':SchoolForm.SchoolType.$valid,'has-error':SchoolForm.SchoolType.$invalid&&SchoolForm.SchoolType.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>学校类型:</label>
                                    <div class="col-md-6">
                                        <select class="form-control" id="SchoolType" name="SchoolType" required  ng-model='School.select'>
                                            <option value="" selected disabled hidden>请输入学校类型</option>
                                            <option value="1" >1111</option>
                                        </select>
                                        <!--<span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':Form.SchoolType.$valid,'glyphicon-remove':Form.SchoolType.$invalid&&Form.SchoolType.$dirty}" ></span>-->
                                        <!--<input type="text" name="school_type" class="form-control domain-input" placeholder="请输入学校类型" required>-->
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':SchoolForm.ContactName.$valid,'has-error':SchoolForm.ContactName.$invalid&&SchoolForm.ContactName.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>联系人:</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="ContactName" id="ContactName" placeholder="请输入联系人" required ng-model='School.contact'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':SchoolForm.ContactName.$valid,'glyphicon-remove':SchoolForm.ContactName.$invalid&&SchoolForm.ContactName.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':SchoolForm.Telephone.$valid,'has-error':SchoolForm.Telephone.$invalid&&SchoolForm.Telephone.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>联系电话:</label>
                                    <div class="col-md-6">
                                        <input type="number" class="form-control" name="Telephone" placeholder="请输入手机或电话 075512312388" required ng-model='School.telephone'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':SchoolForm.Telephone.$valid,'glyphicon-remove':SchoolForm.Telephone.$invalid&&SchoolForm.Telephone.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':SchoolForm.Email.$valid,'has-error':SchoolForm.Email.$invalid&&SchoolForm.Email.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>邮箱:</label>
                                    <div class="col-md-6">
                                        <input type="email" class="form-control" name="Email" placeholder="请输入邮箱" required ng-model='School.email'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':SchoolForm.Email.$valid,'glyphicon-remove':SchoolForm.Email.$invalid&&SchoolForm.Email.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>验证码:</label>
                                    <div class="col-md-6 yzm-content">
                                        <input type="text" name="code" class="form-control" placeholder="请输入验证码" required ng-model="School.code">
                                    </div>
                                    <div class="col-md-4"><img ng-src="{{}}" alt="验证码"></div>
                                </div>
                                <div class="form-group has-feedback">
                                    <div class="col-md-6 col-md-offset-2">
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" name="agree" required ng-model="School.check">我已阅读并接受
                                            </label>
                                            <a href="#" data-toggle="modal" data-target="#regModal">《微学堂服务使用协议》</a>
                                        </div>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-8">
                                        <div class="text-center mt reg-btn">
                                            <button type="submit" class="btn btn-success" ng-disabled="SchoolForm.$invalid">立即注册</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                                <form class="form-horizontal reg-box" method="post" name="DeveloperForm" novalidate="novalidate" ng-if="RegisterForm" ng-submit="submitDeveloperForm(Developer)">
                                <div class="form-group has-feedback" ng-class="{'has-success':DeveloperForm.Email.$valid,'has-error':DeveloperForm.Email.$invalid&&DeveloperForm.Email.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>邮箱:</label>
                                    <div class="col-md-6">
                                        <input type="email" class="form-control" name="Email" placeholder="请输入邮箱" required ng-model='Developer.email'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.Email.$valid,'glyphicon-remove':DeveloperForm.Email.$invalid&&DeveloperForm.Email.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.Password.$valid,'has-error':DeveloperForm.Password.$invalid&&DeveloperForm.Password.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>密码:</label>
                                    <div class="col-md-6">
                                        <input type="password" id="Password" name="Password" class="form-control" placeholder="请输入密码" required ng-model="Developer.password">
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.Password.$valid,'glyphicon-remove':DeveloperForm.Password.$invalid&&DeveloperForm.Password.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':DeveloperForm.Password.$valid&&DeveloperForm.rePassword.$dirty&&Developer.password==Developer.rePassword,'has-error':DeveloperForm.Password.$valid&&DeveloperForm.rePassword.$dirty&&Developer.password!=Developer.rePassword}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>确认密码:</label>
                                    <div class="col-md-6">
                                        <input type="password" name="rePassword" class="form-control" placeholder="请输入确认密码" ng-model="Developer.rePassword">
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.Password.$valid&&Developer.password==Developer.rePassword&&DeveloperForm.rePassword.$dirty,'glyphicon-remove':DeveloperForm.Password.$valid&&Developer.password!=Developer.rePassword&&DeveloperForm.rePassword.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"><span ng-show="DeveloperForm.Password.$valid&&Developer.password!=Developer.rePassword&&DeveloperForm.rePassword.$dirty">*两次密码输入不一致</span></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>验证码:</label>
                                    <div class="col-md-6 yzm-content">
                                        <input type="text" name="code" class="form-control" placeholder="请输入验证码" required ng-model="Developer.code">
                                    </div>
                                    <div class="col-md-4"><img ng-src="{{}}" alt="验证码"></div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-6 col-md-offset-2">
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" name="agree" required ng-model="Developer.check">我已阅读并接受
                                            </label>
                                            <a href="#" data-toggle="modal" data-target="#regModal">《微学堂服务使用协议》</a>
                                        </div>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-8">
                                        <div class="text-center mt reg-btn">
                                            <button type="submit" class="btn btn-primary" ng-disabled="DeveloperForm.$invalid">立即注册</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            </div>
                            <div ng-if="RegisterPage == 2">
                                <div ng-if="!RegisterForm">
                                    验证成功，等待审批！
                                </div>
                                <div ng-if="RegisterForm">
                                    <form class="form-horizontal reg-box" method="post" name="EmailForm" novalidate="novalidate"  ng-submit="submitEmailForm(Email)" >

                                        <div class="form-group has-feedback" ng-class="{'has-success':EmailForm.Email.$valid,'has-error':SchoolForm.Email.$invalid&&SchoolForm.Email.$dirty}">
                                            <label class="col-md-2 control-label"><em class="must-point">*</em>请输入邮箱{{SchoolForm.Email}}的验证码:</label>
                                            <div class="col-md-6">
                                                <input type="text" class="form-control" name="Email" placeholder="请输入邮箱验证码" required ng-model='Email.email'>
                                                <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':EmailForm.Email.$valid,'glyphicon-remove':EmailForm.Email.$invalid&&EmailForm.Email.$dirty}" ></span>
                                            </div>
                                            <div class="col-md-4"></div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-8">
                                                <div class="text-center mt reg-btn">
                                                    <button type="submit" class="btn btn-success" ng-disabled="EmailForm.$invalid">提交</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>

                                </div>
                            </div>
                            <div ng-if="RegisterPage == 3">
                                <div ng-if="RegisterForm">
                                    注册成功！
                                    <p><span>{{second}}</span>秒后，自动进入首页</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>